{% extends 'prof_base.html' %}

{% block title %}
Edição de Cadastro de Usuários
{% endblock title %}

{% block extrahead %}
$(function() {
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:{{ano_now.year}}'
		});
	});

{% endblock extrahead %}

{% block content %}
		<div class="box-header clear">
			<h2>Edição de Cadastro de Usuário</h2>
		</div>
		<div class="box-wrap clear">
		{% if erro %}
			<div class="notification note-error">
				<a href="#" class="close" title="Close notification">close</a>
				<p><strong>Erro no Cadastro:</strong> Verifique se os dados foram preenchidos corretamente</p>
			</div>
		{% endif %}
		{% if success %}
			<div class="notification note-success">
				<a href="#" class="close" title="Close notification">close</a>
				<p><strong>Cadastro efetuado com sucesso!</strong></p>
			</div>
		{% endif %}
		<form enctype="multipart/form-data" action="/edita_usuario/{{id_usuario}}/" method="POST" class="validate-form form bt-space15">
			<div class="columns clear bt-space15">
				<div class="col2-3">
					<table class="cadastro">
						{% for field in cadastro %}
						<tr> <th>{{ field.label_tag }}: </th><td>{{ field }}
						{{ field.errors }}</td></tr>
						{% endfor %}
					</table>
					<h2> Dados Financeiros </h2>
					<table>
						{% for field in financeiro_form %}
							<tr> <th>{{ field.label_tag }}: </th><td>{{ field }}
							{{ field.errors }}</td></tr>
						{% endfor %}
					</table>
				</div>
				<div class="col1-3 lastcol">
				<div class="coluna_esq">
				    <div class="content-box">
					<div class="box-body">
						<div class="box-wrap clear">
							<h2>Upload de Fotos</h2>
							<h3>Foto Atual: </h3>
							<img src="/arquivos/{{detalhe_usuario.foto}}"  alt=""  width="100px" height="100px"/>
							<p> {{foto_form.as_table}}
						</div> <!-- end of box-wrap -->
					</div> <!-- end of box-body -->
				    </div> <!-- end of content-box -->
				</div>
				</div>
			    </div>
			</div>   
			<table class="botoes">
					<tr>
						<td><input type="submit" class="button green size-120 fl" value="Salvar Dados" /></td>
						<td><a href=/ver_usuario><input type="button" class="button red size-80 fl" value="Voltar" /></a></td>
					</tr>
				</table>
		</form>
		
		
{% endblock content %}
